<extend name="public@:index_basics"/>
<block name="body">
    <style>
        .ddcxtit1 span {
            margin: 0 3px;
        }

        .tsddzt {
            color: #ff0000;
        }
    </style>
    <include file="public@:head" name="tou-su"/>
    <section id="services" style="background-color: #F5F5F5;">
        <div class="ddcx">
            <div class="ddcxleft col-sm-4 col-xs-12">
                <form action="{:cmf_url('complaintprogress')}" method="get" >
                    <div class="search_box">
                        <input type="hidden" name="searchType" id="searchType" value="contact">
                        <div class="cx_choose"><input type="text" value="联系方式" disabled="" class="ddzt"></div>
                        <div class="choose_menu">
                            <ul>
                                <li onclick="orderClick()">订单编号</li>
                                <li onclick="contactClick()">联系方式</li>
                            </ul>
                        </div>
                        <input type="text" name="phone" value="{$input_val|default=''}" id="input-val" placeholder="请输入联系方式" class="cx_text">
                        <input type="hidden" name="picCode" value="">
                        <button class="search_btn" >
                            <img src="__DK__/images/search_icon.png" alt="查询">
                        </button>
                    </div>
                </form>
                <!--<a href="" class="tsdd">投诉订单</a>-->
                <a href="" class="mzsm">免责声明</a>
                <div class="order_tips mobile_hide">
                    <b style="font-size:16px;color:#4fcccd;">查询提示</b><br><br>
                    <b style="color: black">订单编号查询：</b>订单编号是您在提交支付的时候，系统自动分配的一个交易凭证，输入对应的订单号即可查询该订单的详情。<br><br>
                    <b style="color: black">联系方式查询：</b>订单提交时您所预留的联系方式（QQ号码、手机号码、E-mail）订单查询凭证信息。（推荐使用此方式查询）<br><br>
                    <b style="color: red">注意事项说明：</b>订单记录仅保留30天，如查询不到请联系QQ：<strong style="color: black">{$s_all.0.qq|default="暂无"}</strong>。
                </div>
            </div>

            <div class="ddcxright col-sm-8 col-xs-12">
                <if count($data) == 0>
                    <h3 class="ddcxtit">没有相关数据</h3>
                </if>
                <volist name="data" id="vo">
                    <h3 class="ddcxtit">投诉订单号：{$vo.cod_id}</h3>
                    <p class="ddcxtit1">
                        下单时间：{:date('Y-m-d H:i:s',$vo['create_time'])}
                        <br>处理进度：{:getMsgType($vo.state)['name']}
                        <br>商家回复：{$vo.result}<if empty($vo.result)>暂无回复</if>
                        <br>接待客服：QQ:{$vo.qq} 电话：{$vo.user_phone}</if>
                    </p>

                </volist>

                <div class="order_tips">
                    <div><img src="__DK__/images/icon_warning.png"
                              style="vertical-align:middle;vertical-align: text-bottom;margin-right:10px" alt="提醒"><b
                            style="font-size:16px;color:#4fcccd;">订单投诉提醒</b></div>
                    <div style="margin-top: 12px">1.投诉订单长时间无回复，请先点击下方按钮“<b style="color: black">商户QQ：{$s_all.1.qq|default='暂无'}</b>”直接联系商户处理
                    </div>
                    <div style="margin-top: 12px">2.投诉订单需先购买相应订单且使用超过一天</div>
                    <div style="margin-top: 12px">3.投诉订单需该订单确实存在使用问题，如虚假投诉，我们将对您的账号做出相应处罚措施</div>
                </div>
            </div>
        </div>
    </section>
    <script>


        $('.tzdl').on('click', function () {
            $('.login').show()
            $('.register').hide()
        })

        $('.tzzc').on('click', function () {
            $('.login').hide()
            $('.register').show()
        })
        $('.guanbian').on('click', function () {
            $('.register').hide()
            $('.login').hide()
        })

        //订单查询
        function orderClick() {
            $('#searchType').val('orderid');
            $('#input-val').attr('placeholder', '请输入订单号查询订单').attr('name','orderNumber');
            $('.choose_menu').hide()
            $('.cx_choose').children('input').val('订单编号');
        }

        //联系方式查询
        function contactClick() {
            $('#searchType').val('contact');
            $('#input-val').attr('placeholder', '请输入联系方式').attr('name','phone');
            $('.choose_menu').hide()
            $('.cx_choose').children('input').val('联系方式');
        }




        $('.yz_shadow').click(function () {
            $(this).fadeOut();
            $('.yz_box').fadeOut();
        });

        $('.cx_choose').on('click', function () {
            $('.choose_menu').toggle()
        })

        //显示对应的 查询方式
        if("{$select_type|default=''}" != 'phone'){
            orderClick();
        }
    </script>
</block>
